<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物系统注册</title>

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

    <link rel="stylesheet" href="/public/stylesheet/login.css">
</head>
<body>

<div id="app" class="login-container">
    <div v-if="visible1">

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="name" placeholder="nickname"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="account" placeholder="account"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="password" placeholder="password" type="password"></el-input>
            </el-col>
        </el-row>

        <div class="button-container">
            <el-button type="primary" v-on:click="login">log in</el-button>
        </div>

        <div class="button-container">
            <el-button v-on:click="u_register">customer sign up</el-button>
        </div>

        <div class="button-container">
            <el-button v-on:click="change_s_register">seller sign up</el-button>
        </div>

    </div>


    <div v-if="visible2">

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="name" placeholder="nickname"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="account" placeholder="account"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="password" placeholder="password" type="password"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="store_name" placeholder="store name"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="detail" placeholder="store detail" type="textarea"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="scope" placeholder="store scope"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="connect" placeholder="store contact"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="logoPath" placeholder="logo"></el-input>
            </el-col>
        </el-row>

        <el-row class="form-row">
            <el-col :span="24">
                <el-input v-model="address" placeholder="address"></el-input>
            </el-col>
        </el-row>






        <div class="button-container">
            <el-button type="primary" v-on:click="login">log in</el-button>
        </div>

        <div class="button-container">
            <el-button v-on:click="change_u_register">customer sign up</el-button>
        </div>

        <div class="button-container">
            <el-button v-on:click="s_register">seller sign up</el-button>
        </div>

    </div>
</div>




<!-- 引入组件库 -->
<script src="/component/vue.js"></script>
<script src="/component/axios-0.18.0.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<!-- 引入js文件 -->
<script type="module" src="/public/javascript/register.js"></script>
</body>
</html>